<template>
<!-- <div class="container container-fluid"> -->
  <div id="app">
    <router-view></router-view>
  </div>
<!-- </div> -->
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 0px;
}
html,body,#app {height: 100%;}

.yhszdw .r-input {
  margin-top: -14px;
}
.fxrq{
  position: relative;
  left: -292px;
}
.ypgfzrqm .r-input {
  margin-top: -14px;
}

.ypgfzrqmrq .r-input {
  margin-top: -14px;
}

.ypgldshqm .r-input {
  margin-top: -14px;
}
.ypgldshqmrq .r-input {
  margin-top: -14px;
}
.pgfzrqm .r-input {
  margin-top: -14px;
}
.pgfzrqmrq .r-input {
  margin-top: -14px;
}
.sfwcjhwba .r-input {
  margin-top: -14px;
}

.yhzljhzj .r-input {
  margin-top: -14px;
}
.ljlsyhzlzj .r-input {
  margin-top: -14px;
}
  overflow: auto;

.yhly {

  float: left;
}
.yhjt {
  float: left;

}

.yhbh{
  float: left;
}
.yhszdw{
  float: left;

}
.zyfl{float: left;}

.fxr{
  float: left;
  margin-left: -584px;

}
.fxrdw{float: left;
  margin-left: -292px;
}
.kndzhg{

  float: left;
  width: 500px;
}
.gsznbm{

}
.ypgdj{
  float: left;
}
.ypgfzrqm{float: left}

.ypgldshqm{
  float: left;
}

.pgdj{float: left}
.pgfzrqm{
  float: left;
}
.pgldshqm{
  float: left;
}
.zlzrdw{
  float: left;
}
.sfjhxm{
  float: left;
}
.sfwcjhwba{
  float: left;
}

.zlfa{

  width:1183px;
}

.yhzljhzj{
  width: 500px;
  float: left;
}
.yssqdw{

  float: left;
}
.fzr{
  float: left;
}
.jl{float: left}
.yszz{float: left}

.r-form {

}

.r-form-item {

}
.r-form {

}

.sgyhnr{
  width: 1183px;
}
.ljlsyhzlzj .r-form-item-label {
  width: 120px!important;
}
.yszzdw{
  width: 700px;

}

.yhhc{
  opacity: 0;

}

.yhly .r-select-selection {
  width: 192px;
}
.fxrq {
  position: relative;
  left:-312px!important;
}
.zlqx {
  width: 1200px!important;
}
.pgfzrqmrq .r-input-icon {
  margin-top: -13px;
}
.ypgldshqmrq .r-input-icon {
  margin-top: -13px;
}
.ypgfzrqmrq .r-input-icon {
  margin-top: -13px;
}
.sfwcjhwba .r-select-selection {
  margin-top: -15px;
}
.ypgdj .r-select-selection {
  width: 193px;
}

.pgdj .r-select-selection {
  width: 193px;
}

.sfjhxm .r-select-selection {
  width: 193px;
}

.sfwcjhwba .r-select-selection {
  width: 193px;
}
label{
  text-align: center!important;
  position: relative;
  left: 7px;
}

.\31 yhjt {
  float: left;
}

.\31 yhbh {
  float: left;
}
.\31 pgdj {
  float: left;
}
.\31 yhszdw {
  float: left;
}
.\31 yhly {
  float: left;
  margin-left: -614px;
}
.\31 yhyy {
  float: left;
  margin-left: -300px;
}

.\31 yhjt .r-input {
  width: 213px;
}

.\31 gsznbm {
  float: left;
}
.\31 yhbh {
  margin-left: 12px;
}
.\31 yhyy .r-select-selection {
  width: 200px;
}
/**/
.\31 fxrq .r-input {
  width: 200px;

}

.\31 fxrq .r-input-icon {
  position: relative;
  left: -400px;
}
.line{
  width: 10px;
  position:relative;
  left: 210px;
  top: -23px;
  -webkit-transform: scale(1);

}
.\31 fxrq .r-form-item-content {
  display: inline-block;
  float: left;
}
.\32 fxrq {
  display: inline-block;

  position: absolute;
  top: 42px;
  left: 940px;
}

.\31 sfxc .r-select-selection {
  width: 200px;
}
.\31 gsznbm .r-select-selection {
  width: 200px;
}

.\31 zyfl .r-select-selection {
  width: 200px;
}

.\31 yhszdw .r-input {
  margin-top: -14px;
}

.\31 pgdj {
  margin-top: -35px;
}

.\31 yhszdw {
  margin-top: -35px;
}

.\31 sfxc {
  margin-top: -35px;
}

.\31 yhly {
  margin-top: -20px;
  margin-left: -612px;
}

.\31 yhyy {
  margin-top: -20px;
}
.\31 gsznbm {
  margin-top: -20px;
}
.\31 zyfl {
  margin-top: -20px;
}
.xcsearch .r-btn-default {
  position: relative;
  left: 1230px;
  top: -60px;
  background-color: rgb(113,113,214);
  color:white;
}

.xcsearch .r-input {
  opacity: 0;
}
.r-form-inline {

}
.xcsearch {

}

.xcsearch .r-input {
  width: 0px;

}
.r-btn-group-align-left {

}
.xcsearch .r-input {
  margin-left: -22px;
}

#result {
  word-break: break-all;
  overflow: hidden;
  text-align: left;
  outline: 1px solid #ccc; padding: 5px; margin: 5px; }
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: red; }

#result .string {
  word-break:normal;
  width:auto;
  white-space:pre-wrap;word-wrap : break-word ;
}

/*  XCSearch*/
.div-content .sgyhnr .r-input {
  width: 1100px;
  height: 100px;
}
.div-content .r-card {
  margin-top: 50px!important;
  height: 1080px;
}
.div-content .fxr {
  margin-left: -600px!important
}
.div-content .fxrdw {
  margin-left: -300px!important;
}
.div-content .yhly .r-select-selection {
  width: 200px;
}

.div-content .fkcs .r-input {
  width: 1100px;
  height: 100px;
}
.div-content .zlfa .r-input {
  width: 1100px;
  height: 100px;
}
.div-content {
  margin-top: 50px;
  height: 900px!important;
  width: 1440px;
  overflow-y: scroll;

}
/*控制整个滚动条*/
::-webkit-scrollbar {
  background-color: rgba(211,211,211,0.02);
  width: 10px;
  height: 10px;
  background-clip: padding-box;
}

/*滚动条两端方向按钮*/
::-webkit-scrollbar-button {
  background-color: rgba(255,192,204,0.02);
}

/*滚动条中间滑动部分*/
::-webkit-scrollbar-thumb {
  background-color: rgb(242,242,250);
  border-radius: 5px;
}

/*滚动条右下角区域*/
::-webkit-scrollbar-corner {
  background-color: rgba(255,0,0,0);
}

/*xcsearch*/
#printTest3 .el-dialog__body {
  width: 1600px;
}
#printTest3 .el-dialog {
  width: 1600px!important;
  overflow-y: auto;
}

.number {
  color: rgb(79,76,76);
}
.fkcs {
  position: relative;
  left: -586px;
}
.zlwcqk input {
  width: 1100px!important;
}
.ysyj .r-input {
  width: 1100px;
}

</style>
